﻿<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>index</title>
    <script type="text/javascript" th:src="@{/js/js_ksh/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/js/js_ksh/echarts.min.js}"></script>
     <script type="text/javascript" th:src="@{/js/js_ksh/china.js}"></script>
    <script type="text/javascript" th:src="@{/js/js_ksh/map.js}"></script>
    <script type="text/javascript" th:src="@{/js/js_ksh/js1.js}"></script>
    <link rel="stylesheet" th:href="@{/css/css_ksh/style.css}" />

  </head>
  <body>
    <div class="head clearfix">
      <h1 class="pulll_left">重庆市智慧三农大数据平台</h1>
      <div class="menu menu2 pulll_left">
        <ul>
          <li><a href="" style="color: #f4e925;">产业空间框架布局</a></li>
          <li ><a href="">数字农业</a></li>
          <li><a href="system/main/second.html">生产要素和农产品规划</a></li>
          <li><a href="">绿色资源和低碳经济规划</a></li>
          <li><a href="">数据总览</a></li>
          <li><a href="">数据预测</a></li>
        </ul>
      </div>
      <div class="time" id="showTime">2018/6/12 17:00:12</div>
    </div>
    <div class="mainbox">
      <ul class="clearfix nav1">
        <li style="width: 22%">
          <div class="box">
            <div class="tit">经营主体数量统计</div>
            <div class="boxnav" style="height: 330px">
              <div class="yqlist">
                <ul class="clearfix">
                  <li>
                    <div class="yq" id="yq">2634</div>
                    <span>合作社</span>
                  </li>
                  <li>
                    <div class="yq">567</div>
                    <span>家庭农场</span>
                  </li>
                  <li>
                    <div class="yq">56345</div>
                    <span>涉农企业</span>
                  </li>
                  <li>
                    <div class="yq">721</div>
                    <span>涉农上市公司</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="tit">经营主体数量比较</div>
            <div class="boxnav" >
              <div class="" style="height: 406px" id="echart2"></div>
            </div>
          </div>
        </li>
        <li style="width: 56%">
          <div class="box">
            <div class="boxnav mapc" style="height: 550px; position: relative">
              <div class="map" id="map"></div>
              <!-- <div class="map2" id="map2"></div> -->
            </div>
          </div>
          <div class="box">
            <div class="tit">经营主体数量变化</div>
            <div class="boxnav" style="height: 250px" id="echart3"></div>
          </div>
        </li>
        <li style="width: 22%">
          <div class="box">
            <div class="tit">经营主体分布情况</div>
            <div class="boxnav" id="echart4" style="height: 200px"></div>
          </div>
          <div class="box">
            <div class="tit">公司上市情况
            </div>
            <div class="boxnav" style="height: 250px" id="echart5"></div>
          </div>
          <div class="box">
            <div class="tit">绿色产业状况</div>
            <div class="boxnav" style="height: 250px" id="echart6"></div>
          </div>
        </li>
      </ul>

      <script>
        var t = null
        t = setTimeout(time, 1000) //開始运行
        function time() {
          clearTimeout(t) //清除定时器
          dt = new Date()
          var y = dt.getFullYear()
          var mt = dt.getMonth() + 1
          var day = dt.getDate()
          var h = dt.getHours() //获取时
          var m = dt.getMinutes() //获取分
          var s = dt.getSeconds() //获取秒
          document.getElementById('showTime').innerHTML =
            y + '/' + mt + '/' + day + ' ' + h + ':' + m + ':' + s + ''
          t = setTimeout(time, 1000) //设定定时器，循环运行
        }
      </script>
    </div>
  </body>
</html>
